@import "../base";
/************************************************************************/
/************************************************************************/
/** 右侧主体 筛选框 **/
.selection { .bg(#ffffff); .pr; padding: 24px; overflow: hidden;
	.selection-item {
		margin: 20px 0;
		.selection-name {
			width: 90px; display: inline-block; opacity: .85;
		}
		.selection-con {
			width: 80%;
			li { 
				padding: 0 8px; .cb65; .mr(24px); .pi;
			}
			li a { .cb65; }
			li:hover, .selection-cur {
				.bg(#1890FF);  .bradius(5px);
				a { .c; }
			}

		}
	}
	.selection-shrink {
		.pa; .pi; right: 4%; top: 45px; .c(#1890FF);
		i { font-size: 12px; }
	}
}

/************************************************************************/
/************************************************************************/
/** 右侧主体 房源列表 **/
.housing { padding: 24px 0;
	.wh; letter-spacing: -16px;
	.housing-one {
		.border(#D9D9D9,1px,dashed); .pi;
		a { .diA; }
		a:hover { .c(#108EE9); }
		span { .pa; top: 50%; left: 50%; .transform(translate(-50%,-50%)); .center; .fzz(16px); 
			width: 100%; opacity: .45; display: inline-block;  }
	}
	li { .boxs;
		.border(#E9E9E9); display: inline-block; vertical-align: top; letter-spacing: normal; .pr; .bg();
		width: 172px; height: 204px; padding: 16px; .mb(24px); .mr(24px);

		.house-local { span { padding: 0 7px; .bradius(3px);  } }
		.house-build { opacity: .85; .fzz(16px); margin: 6.5px 0; font-weight: 600; }
		.house-desc1,.house-desc2,.house-desc3 { .c(#8C8C8C); }
		.house-desc3 { margin: 16px 0 10px 0; .pal(18px); .pr; }
		.house-btn {
			.pa; bottom: 0; left: 0; width: 100%; height: 40px; .bg(#F7F9FA); .pi;
			a { .diA(50%); .center; .lh(40px); .c(#108EE9); }
			a:first-child:before { content: ''; .pa; top: 14px; left: 50%; .wh(1px,16px); .bg(#E9E9E9); }
			i { .diA(16px,16px); .border(#E9E9E9);  overflow: hidden; margin-top: 12px; .bradius(3px);
				// .lh(2px); .fzz(30px); .pr; 
				}
			.house-select-dui { 
				.border(#108EE9);
				.bgC("",#108EE9);
			 }
			// i:before { .pa; top: 8px; left: -6px; }//.border(#D9D9D9);
			.house-select-yuan { .bradius; .border(#E9E9E9); .diA(16px,16px); margin-top: 12px; .pr; }
		}
	}

	//选择小圆圈
	.house-checked { .house-btn { .house-select-yuan { .border(#108EE9); } .house-select-yuan:before { content: ''; .pa; top: 50%; left: 50%; .transform(translate(-50%,-50%)); .diA(8px,8px); .bradius; .bg(#108EE9); } } }
	
}